<!-- MAIN CONTENT -->
<div id="content">
    <div class="row">
        <big-breadcrumbs items="['用户', '详细']" icon="table"
                         class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></big-breadcrumbs>
    </div>
    <!-- widget grid -->
    <section id="widget-grid">
        <div class="row">
            <!-- NEW WIDGET START -->
            <article class="col-sm-12 col-md-12 col-lg-6">
                <!--<div data-jarvis-widget id="user-add-widget">-->
                      <!-- widget div-->
                <div id="widget-user-add" data-jarvis-widget data-widget-color="darken">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>用户详细</h2>
                    </header>
                    <div class="well no-padding">
                         <!-- widget content -->
                        <!--<div class="widget-body">-->
                        <ul id="userTab" class="nav nav-tabs bordered">
                            <li class="active">
                                <a href="#infotab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-user"></i>基本信息</a>
                            </li>
                            <li>
                                <a href="#pwdtab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-lock"></i>密码 </a>
                            </li>
                        </ul>
                        <div id="userTabContent" class="tab-content padding-10">
                            <div class="tab-pane fade in active" id="infotab">
                                <form id="info-form" class="smart-form client-form">
                                    <table id="user"  class="table table-bordered table-striped">
                                        <tbody>
                                            <tr>
                                                <td style="width:35%;">用户名</td>
                                                <td style="width:65%">{{ user.name }}</td>
                                            </tr>
                                            <tr>
                                                <td style="width:35%;">姓名</td>
                                                <td style="width:65%"><a href="javascript:void(0)" id="real_name" data-type="text" smart-xeditable
                                                     data-ng-model="user.real_name" data-options="editableOptions"
                                                     data-original-title="请输入姓名" class="editable editable-click" data-ng-bind="real_name"
                                                     data-edit-success="update"></a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <footer>
                                        <button type="button" class="btn btn-default" ng-click="back()">返回</button>
                                    </footer>
                                </form>
                            </div>
                            <div class="tab-pane fade" id="pwdtab">
                                <form id="pwd-form" class="smart-form client-form" data-smart-validate-form ng-submit="updatePwd()">
                                    <fieldset>
                                        <section>
                                            <label class="label">密码</label>
                                            <label class="input">
                                                <input type="password" name="pwd" id="pwd"
                                                        data-smart-validate-input
                                                        data-required
                                                        data-message-required="请输入密码"
                                                        ng-model="pwd">
                                            </label>
                                        </section>
                                        <section>
                                            <label class="label">确认密码</label>
                                            <label class="input">
                                                <input type="password" name="repeatPwd" id="repeatPwd"
                                                        data-smart-validate-input
                                                        data-required
                                                        data-equal-to="#pwd"
                                                        data-message-required="请重复密码"
                                                        data-message-equal-to="俩次密码不一致">
                                            </label>
                                        </section>
                                    </fieldset>
                                    <footer>
                                        <button type="submit" class="btn btn-primary">确定</button>
                                        <button type="button" class="btn btn-default" ng-click="back()">返回</button>
                                    </footer>
                                </form>
                            </div>
                        </div>
                        <!--</div>-->
                    </div>
                </div>
                <!--</div-->
            </article>
        </div>
    </section>
</div>